// import axios from 'axios'
// import { MessageBox, Message } from 'element-ui'
// import store from '@/store'
// import { getToken } from '@/utils/auth'

// // create an axios instance
// const service = axios.create({
//   baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url
//   // withCredentials: true, // send cookies when cross-domain requests
//   timeout: 5000 // request timeout
// })

// // request interceptor
// service.interceptors.request.use(
//   config => {
//     // do something before request is sent

//     if (store.getters.token) {
//       // let each request carry token
//       // ['X-Token'] is a custom headers key
//       // please modify it according to the actual situation
//       config.headers['X-Token'] = getToken()
//     }
//     return config
//   },
//   error => {
//     // do something with request error
//     console.log(error) // for debug
//     return Promise.reject(error)
//   }
// )

// // response interceptor
// service.interceptors.response.use(
//   /**
//    * If you want to get http information such as headers or status
//    * Please return  response => response
//   */

//   /**
//    * Determine the request status by custom code
//    * Here is just an example
//    * You can also judge the status by HTTP Status Code
//    */
//   response => {
//     const res = response.data

//     // if the custom code is not 20000, it is judged as an error.
//     if (res.code !== 20000) {
//       Message({
//         message: res.message || 'Error',
//         type: 'error',
//         duration: 5 * 1000
//       })

//       // 50008: Illegal token; 50012: Other clients logged in; 50014: Token expired;
//       if (res.code === 50008 || res.code === 50012 || res.code === 50014) {
//         // to re-login
//         MessageBox.confirm('You have been logged out, you can cancel to stay on this page, or log in again', 'Confirm logout', {
//           confirmButtonText: 'Re-Login',
//           cancelButtonText: 'Cancel',
//           type: 'warning'
//         }).then(() => {
//           store.dispatch('user/resetToken').then(() => {
//             location.reload()
//           })
//         })
//       }
//       return Promise.reject(new Error(res.message || 'Error'))
//     } else {
//       return res
//     }
//   },
//   error => {
//     console.log('err' + error) // for debug
//     Message({
//       message: error.message,
//       type: 'error',
//       duration: 5 * 1000
//     })
//     return Promise.reject(error)
//   }
// )

// export default service

// 导出一个axios的实例  而且这个实例要有请求拦截器 响应拦截器
import axios from 'axios'
import { Message } from 'element-ui'
import store from '@/store'
import { gettokentime } from '@/utils/auth'
import router from '@/router'

const timeout = 2 * 60 * 60 * 1000 // 正式用这个 只用改2小时即可
// const timeout = 55 * 1000
// const timeout = 10 * 1000// 试用
// 创建一个axios的实例
const request = axios.create({
  // baseURL: 'http://localhost:8083/api'
  baseURL: process.env.VUE_APP_BASE_API// 基准地址写活了 的名字是后面 就不用来回换地址了
})

request.interceptors.request.use((config) => {
  console.log(config)
  // config:每次的请求配置

  // 判断token是否过去
  // 用当前时间-本地存储的时间>=我们约定的时间（过期时间）
  const currentTime = Date.now()
  const tokentime = gettokentime()
  const time = currentTime - tokentime
  console.log('cur', currentTime)
  console.log('tokentime', tokentime)
  // console.log(currentTime - tokentime)
  if (store.state.user.token) {
    console.log(time >= timeout)
    if (time >= timeout) {
      console.log(123)
      // 执行退出
      store.commit('user/logout')
      router.push('/login')
      return Promise.reject(new Error('token过期'))
      // return
    }
    config.headers.Authorization = 'Bearer ' + store.state.user.token// 'Bearer '要加空格
  }
  return config
}) // 请求拦截器 getuserinfo接口的参数配置

// 响应拦截器
request.interceptors.response.use(res => { // 回调函数
// 接口响应成功的回调1：
  // console.log(res)
  // return res
  // 2.接口响应成功但不代表业务真正响应成功了 所以要做判断
  const { success, message, data } = res.data// 解构赋值
  if (success) {
    return data
  } else {
    Message.error('报错?', message)// message用的变量 element ui 局部引入发写法， 全局用element
    return Promise.reject(new Error(message))// 这步为了要捕捉到 user.js中Catch错误 返回错误这里因为没有Error 所以要new一个错误
  }
}, (err) => {
  // 如果有人改token或非token过期其他问题 则这样设置
  if (err.response && err.response.status === 401) {
    console.log(err)
    // Message.error('服务器异常')// element ui 局部引入发写法， 全局用element
    // 如果登陆已失效等其他问题则返回登陆页
    Message.error('登陆已失效')
    store.commit('user/logout')
    router.push('/login')
  } else {
    Message.error(err.message)
  }
  return Promise.reject(err)
}) // 响应拦截器
export default request // 导出axios实例
